<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI - Bootstrap后台管理系统模版Ace下载</title>
    <meta name="keywords" content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文" />
    <meta name="description" content="JS代码网提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />

</head>
<body>
<div class="row">
    <div class="col-sm-6">
        <h3 class="header blue lighter smaller">
            <i class="icon-calendar-empty smaller-90"></i>
            Datepicker
        </h3>
        <div class="row">
            <div class="col-xs-6">
                <div class="input-group input-group-sm">
                    <input type="text" id="datepicker" class="form-control" />
													<span class="input-group-addon">
														<i class="icon-calendar"></i>
													</span>
                </div>
            </div>
        </div>
    </div><!-- ./span -->
</div><!-- ./row-fluid -->

<script type="text/javascript">
jQuery(function($) {
    $( "#datepicker" ).datepicker( $.datepicker.regional[ "zh_CN" ] );
    $( "#datepicker" ).datepicker({
        showOtherMonths: false,
        selectOtherMonths: false,
        //isRTL:true,


        changeMonth: true,
        changeYear: true,

        showButtonPanel: true,
        beforeShow: function() {
            //change button colors
            var datepicker = $(this).datepicker( "widget" );
            setTimeout(function(){
                var buttons = datepicker.find('.ui-datepicker-buttonpane')
                        .find('button');
                buttons.eq(0).addClass('btn btn-xs');
                buttons.eq(1).addClass('btn btn-xs btn-success');
                buttons.wrapInner('<span class="bigger-110" />');
            }, 0);
        }
    });
});
</script>
</body>
</html>
